<!DOCTYPE html>
<html>
<head>
    <meta charset="utf8" version='1'/>
    <title>城市晚报官网</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>
    <meta name="description" content="城市晚报"/>
    <meta name="Keywords" content="城市晚报"/>
    <link rel="stylesheet" type="text/css" href="css/base.css"/>
    <link rel="stylesheet" type="text/css" href="css/common.css"/>
    <link rel="stylesheet" type="text/css" href="css/style_index.css"/>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <script src="js/jquery-1.10.2.min.js" type='text/javascript'></script>
    <script type="text/javascript">
        $(window).on("scroll",function(){
            //判断向下滑动的距离
            if($(window).scrollTop()>=100){
                //将顶部导航栏固定
                $(".nav_box").addClass("fixed");
            }else{
                $(".nav_box").removeClass("fixed");
            }
        });

    $(document).ready(function(){
        $(".img_ewm2").parent().mouseover(function(){
          $(this).children(".img_ewm2").show();
          $(".img_ewm2").parent().mouseout(function(){
            $(this).children(".img_ewm2").hide();
          });
        });
      })
      
    </script>
</head>
<body>  
<div class="wrap">
    <div class="top_box">
        <div class="top_con">
            <img src="img/img_logo.jpg" id="logo">
        </div>
    </div>
    <div class="top_box2">
        <img src="img/img_jt.png">
    </div>
    <div class="nav_box">
        <ul>
            <a href=""><li>首页</li></a>
            <a href=""><li>新闻资讯</li></a>
            <a href=""><li>热点活动</li></a>
            <a href=""><li>聚焦吉林</li></a>
            <a href=""><li>电子报</li></a>
        </ul>
    </div>
    <div class="banner_box">
    </div>
    <div class="content_box">
        <div class="content_con">
           <img src="img/img_zp01.png" class="img_zp01 float_left">
           <img src="img/img_zp02.png" class="img_zp02 float_left">
           <div class="title float_left">
                <div class="txt01">教育直播</div>
                <div class="txt02">EDUCATIONAL LIVE BROADCAST</div>
           </div>
           <div class="clearfix"></div>
           <ul class="txt_newslist">
                <a href=""><li>● 组建专家智囊团，依托“城市晚报直播间”，打造全媒体直播平台</li></a>
                <a href=""><li>● 筹划推出“高中线上招生说明会”、“ 绽蕾计划之百园巡礼”、“护蕾家长学校”等教育类直播</li></a>
           </ul>
           <ul class="videos_newslist">
                <a href=""><li>
                    <div class="img">
                        <img src="">
                        <img src="img/icon_videos.png" class="icon_open">
                    </div>
                    <div class="txt">“幼小衔接”专家直播讲座</div>
                </li></a>
                <a href=""><li>
                    <div class="img">
                        <img src="">
                        <img src="img/icon_videos.png" class="icon_open">
                    </div>
                    <div class="txt">高中线上招生说明会</div>
                </li></a>
                <a href=""><li>
                    <div class="img">
                        <img src="">
                        <img src="img/icon_videos.png" class="icon_open">
                    </div>
                    <div class="txt">绽蕾计划之百园巡礼</div>
                </li></a>
           </ul>
        </div>
    </div>
    <div class="content_box2">
        <div class="content_con">
            <img src="img/img_title01.png" class="title01">
            <div class="con_l float_left">
                <img src="">
            </div>
            <div class="con_c float_left">
                <div class="txt01">3比0击败美国！<br>中国女排七连胜收官！</div>
                <div class="txt02">由于此前以替补阵容练兵时输球较多<br>未能晋级世界女排联赛半决赛</div>
                <div class="txt03">长春中小学暑假放假时间公布</div>
                <div class="txt03">除“指尖”之苦减基层之负</div>
                <div class="txt02">——各地区各部门扎实开展整治“指尖上的形式主义”工作综述</div>
            </div>
            <div class="con_r float_left">
                <div class="title">数字阅读中心
                </div>
                <div class="con"></div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="content_con2">
            <img src="img/img_title02.png" class="title02">
            <ul class="newslist">
                <a href=""><li>
                    <div class="img">
                        <img src="">
                    </div>
                    <div class="txt">暖城行动</div>
                </li></a>
                <a href=""><li style="margin:0 52.5px">
                    <div class="img">
                        <img src="">
                    </div>
                    <div class="txt">教育直播</div>
                </li></a>
                <a href=""><li>
                    <div class="img">
                        <img src="">
                    </div>
                    <div class="txt">品牌活动</div>
                </li></a>
           </ul>
           <div class="clearfix"></div>
        </div>
    </div>
    <div class="banner_box2">
    </div>
    <div class="content_box2">
        <div class="content_con3">
            <ul class="con_l float_left">
                <a href=""><li>
                    <div class="txt01">弘扬伟大建党精神激发干事创业激情
                    <br>以实际行动迎接党的二十大胜利召开</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">安全文明出行 共创平安长春</div>
                    <div class="txt01">长春交警开展道路交通安全宣传活动</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">绿色低碳节能先行</div>
                    <div class="txt01">我省举办2022年节能宣传周活动</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">人民银行长春中心支行搭建平台畅通渠道</div>
                    <div class="txt01">助企纾困彰显担当</div>
                </li></a>
            </ul>
            <div class="con_c float_left">
            </div>
            <ul class="con_r float_left">
                <a href=""><li>
                    <div class="txt01">弘扬伟大建党精神激发干事创业激情
                    <br>以实际行动迎接党的二十大胜利召开</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">安全文明出行 共创平安长春</div>
                    <div class="txt01">长春交警开展道路交通安全宣传活动</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">绿色低碳节能先行</div>
                    <div class="txt01">我省举办2022年节能宣传周活动</div>
                </li></a>
                <a href=""><li>
                    <div class="txt02">人民银行长春中心支行搭建平台畅通渠道</div>
                    <div class="txt01">助企纾困彰显担当</div>
                </li></a>
            </ul>
            <div class="clearfix"></div>
        </div>
        <div class="content_con4">
            <img src="img/img_title03.jpg" class="title03">
            <ul class="ewm_box">
                <li><img src="img/img_jz01.jpg" class="img_logo2"><img src="img/zsjlgzh.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz02.jpg" class="img_logo2"><img src="img/cwzbj.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz03.jpg" class="img_logo2"><img src="img/cwdyh.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz04.jpg" class="img_logo2"><img src="img/zsjlshh.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz05.jpg" class="img_logo2"><img src="img/cwwb.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz06.jpg" class="img_logo2"><img src="img/cwks.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz07.jpg" class="img_logo2"><img src="img/cwbj.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz08.jpg" class="img_logo2"><img src="img/cwtt.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz09.jpg" class="img_logo2"><img src="img/cwqe.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz10.jpg" class="img_logo2"><img src="img/cwwl.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz11.jpg" class="img_logo2"><img src="img/kmsdy.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz12.jpg" class="img_logo2"><img src="img/kmsks.jpg" class="img_ewm2"></li>
                <li><img src="img/img_jz13.jpg" class="img_logo2"><img src="img/cchzrd.jpg" class="img_ewm2"></li>
            </ul>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="foot_box">
       <div class="foot_con">
            <div class="title"><span class="txt_red">联系我们</span> &nbsp;&nbsp;CONTACT US</div>
            <ul class="con_l float_left">
                <li class="title2">城市晚报社</li>
                <li>P：000-00000000</li>
                <li>E：100000000@qq.com 101000000@qq.com (欢迎投稿)</li>
                <li>W：www.888pic.com</li>
                <li>A：长春市高新区火炬路</li>
                <li>备案号：XX000-XX00000-0000</li>
            </ul>
            <ul class="con_r float_right">
                <li class="title2">掌上吉林</li>
                <li><img src="img/zsjlgzh.jpg" class="img_ewm"></li>
            </ul>
            <div class="clearfix"></div>
             <div class="title"></div>
        </div> 
    </div>
</div>
</body>
</html>
